<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>编辑路线</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/animate.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/style.min.css?v=4.1.0" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/bootstrap-multiselect.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/jQuery-Validation/css/validationEngine.jquery.css" rel="stylesheet">
    <style type="text/css">
        .formErrorContent{
            color: red;
        }
        .multiselect-container{ /*下拉框的样式*/
           width:400px;
       }
       .multiselect-container>li>a>label{
           line-height: 28px;
           font-size: 15px;
       }
       /* 调整多选框 select 错位 */
       .multiselect-container>li>a>label>input[type='checkbox'] {
            margin-top: 7px;
       }
       /* 调整单选框 radio 错位 */
       .multiselect-container>li>a>label>input[type='radio'] {
            margin-top: 7px;
       }
       .multiselect-item.multiselect-all.active{
           border-bottom:1px solid #ccc !important;
       }
       .multiselect.dropdown-toggle.btn.btn-default:link,.multiselect.dropdown-toggle.btn.btn-default:visited,.multiselect.dropdown-toggle.btn.btn-default:focus,.multiselect.dropdown-toggle.btn.btn-default:hover,.multiselect.dropdown-toggle.btn.btn-default:active, .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
         outline: none;
         border:1px solid #ccc;
         box-shadow: none;
       }
       /* 调整下拉框字体 */
       .multiselect-selected-text{
           font-size:13px;
           font-family: '微软雅黑','宋体';
           width:100%;
           float: left;
           text-align: left;
       }
       .btn.btn-default{
           padding-right:15px;
       }
    </style>
</head>

<body class="gray-bg">
	<div class="formErrorContent"></div>
	<div class="container" style="margin-top: 20px">
		<form class="form-horizontal" role="form" id="editRoadForm">
			<input type="hidden" name="id" id="id">
			<div class="form-group">
				<label class="col-sm-4 control-label">路线起点</label>
				<div class="col-sm-4">
					<select class="form-control" id="roadStart" name="roadStart">
						<option value="">--请选择--</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-4 control-label">途径站点<span style="color: red">(最多选择10个站点)</span></label>
				<div class="col-sm-4">
					<select class="form-control" id="roadCross" name="roadCross" multiple="multiple">
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-4 control-label">路线终点</label>
				<div class="col-sm-4">
					<select class="form-control" id="roadEnd" name="roadEnd">
						<option value="">--请选择--</option>
					</select>
				</div>
			</div>
			<div class="form-group" style="margin-left: 200px; margin-top: 50px">
				<div class="col-sm-6 control-label">
					<button type="button" class="btn btn-default"
						onclick="closeForm();">关闭</button>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<button type="button" class="btn btn-primary" id="save">保存</button>
				</div>
			</div>
		</form>
	</div>
<script src="${pageContext.request.contextPath}/js/jquery.min.js?v=2.1.4"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js?v=3.3.6"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap-multiselect.js"></script>
<script src="${pageContext.request.contextPath}/js/content.min.js?v=1.0.0"></script>
<script src="${pageContext.request.contextPath}/js/plugins/layer/layer.min.js"></script>
<script src="${pageContext.request.contextPath}/js/public/ttbj-core.js"></script>
<script src="${pageContext.request.contextPath}/jQuery-Validation/js/jquery.validationEngine.js"></script>
<script src="${pageContext.request.contextPath}/jQuery-Validation/js/jquery.validationEngine-zh_CN.js"></script>
<script src="${pageContext.request.contextPath}/js/business/road/edit_road.js"></script>
</body>

</html>